@charset "utf-8";
/* CSS Document */

.Detail-section .container { position: relative; }
/* 内页多级导航展开样式 */
.Detail-nav { position: absolute; left: 0; top: -60px; z-index: 96; }
.Detail-nav .Tit-nav { background: #2091BF; padding: 10px 20px; width: 280px; position: relative; }
.Detail-nav .Tit-nav h3 { font-size: 18px; color: #fff; line-height: 40px; font-weight: 400; }
.Detail-nav .Tit-nav .nav-bar { background: #2084BF; width: 60px; height: 60px; position: absolute; top: 0; right: 0; text-align: center; padding: 15px; box-sizing: border-box; }
.Detail-nav .Tit-nav .nav-bar .menu-line { width: 30px; height: 3px; background: #fff; margin: 5px auto; display: block; }
.Detail-nav .main-nav { background: #f4f4f4; position: absolute; left: 0; top: 60px; width: 100%; display: none; }
.Detail-nav .main-nav ul { width: 320px; }
.Detail-nav .main-nav li { position: relative; float: left; width: 100%; }
.Detail-nav .main-nav li ul { position: absolute; top: 0; width: 320px; background: #f4f4f4; border-left: 1px solid #fff; display: none; }
.Detail-nav .main-nav a { font-size: 14px; color: #000; line-height: 50px; padding: 0 20px; box-sizing: border-box; display: block; width: 100%; border-bottom: 1px solid #e7e7e7; background: url('../images/icon_right11.png') no-repeat right 15px center; }
.Detail-nav .main-nav li:hover > a { color: #fff; background: url('../images/icon_right22.png') no-repeat right 15px center #03a0a0; }
.Detail-nav .main-nav li:last-child a { border: none; }

/* 内页当前位置样式 */
.Dtail-Title { padding: 15px 0; }
.Dtail-Title h3 { font-size: 24px; color: #2091BF; line-height: 60px; float: left; font-weight: 600; }
.Dtail-Title .location { float: right; }
.Dtail-Title .iconfont { display: none; }
.location { padding: 15px 0; }
.location i.btn { background: url('../images/icon_home.png') no-repeat center top 3px; width: 20px; height: 30px; display: inline-block; float: left; display: none; }
.location span.title { display: none; }
.location span.space { font-size: 14px; color: #333; display: inline-block; }
.location span.space a { font-size: 14px; color: #333; line-height: 30px; display: inline-block; margin: 0 10px; text-transform: uppercase; }
.location span.space span { font-size: 14px; color: #333; line-height: 30px; display: inline-block; margin: 0 10px; text-transform: uppercase; }

/* 产品目录页子导航样式 */
.Detail-Top { margin-bottom: 20px; background: #eeeeee; }
.Detail-Top li { float: left; }
.Detail-Top a { font-size: 14px; color: #000000; line-height: 50px; padding: 0 26.6px; display: block; margin: 0; }
.Detail-Top li.selected a { background: #2091BF; color: #fff; }
.Detail-Top li:hover a { background: #2091BF; color: #fff; }

.Detail-bottom { margin: 30px auto; text-align: center; }
.Detail-line { position: relative; width: 100%; height: 1px; background: #e5e5e5; }

/* 产品目录页样式 */
.Product { margin-bottom: 50px; }
.Product-Intro { margin-bottom: 30px; }
.Product-Intro p { font-size: 14px; color: #333333; line-height: 25px; }
.Product-list { margin: 0 -10px; }
.Product-list li { float: left; width: 33.33%; }
.Product-list .Item { margin: 10px; border: 1px solid #efefef; box-sizing: border-box; }
.Product-list .Item h3 { transition: all .3s; background: #f2f2f2; line-height: 55px; font-size: 14px; color: #000000; text-align: center; font-weight: 400; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.Product-list .Item:hover h3 { background: #2091BF; color: #fff; }

/* 产品详情页样式 */
.Product-Detail { }
.Product-Detail .Pro-basic { margin-top: 50px; margin-bottom: 30px; }
.Pro-basic .left { float: left; width: 37%; }
.Pro-basic .right { float: right; width: 60%; }
.peodet-list { overflow: hidden; }
.peodet-list .slick { float: left; width: 100%; }
.peodet-list .pro { margin: 0 auto; }
.peodet-list .pro img { margin: 0 auto; }
.peodet-list .slick-dots { text-align: center; margin: 0 auto; }
.peodet-list .slick-dots li { float: none; display: inline-block; }
.peodet-list .slick-dots li.slick-active button { background: #2091BF; }
.peodet-list .slick-dots button { font-size: 0; width: 10px; height: 10px; background: #6c6c6c; border-radius: 50%; border: none; margin: 20px 5px; }
.Pro-basic .prodet-Intro { padding: 0 30px; }
.Pro-basic .prodet-Intro h3 { font-size: 18px; color: #2091BF; line-height: 60px; font-weight: 500; }
.Pro-basic .prodet-Intro p { font-size: 14px; color: #333; line-height: 26px; }
.Pro-more { }
.Pro-more h2 { background: #f2f2f2; padding: 0 20px; font-size: 16px; color: #2091BF; line-height: 50px; height: 50px; width: 100%; margin-bottom: 20px; box-sizing: border-box; }
.Pro-more .box { padding: 0 20px; }
.Pro-more p { font-size: 14px; color: #333; line-height: 26px; }
.dot { width: 8px; height: 8px; line-height: 26px; border-radius: 50%; display: inline-block; background: #9f9f9f; }
.Pro-more .dot { margin-right: 10px; }
.Product-Detail .share { padding: 0 20px; margin: 20px 0; }
.share .name { font-size: 14px; color: #333; line-height: 30px; float: left; margin-right: 10px; margin-top: 3px; }
.share .bds_more { background: url('../images/icon_rgrxf05.jpg')no-repeat center center !important; }
.share .bds_tsina { background: url('../images/icon_rgrxf04.png')no-repeat center center !important; }
.share .bds_weixin { background: url('../images/icon_rgrxf01.png')no-repeat center center !important; }
.share .bds_qzone { background: url('../images/icon_rgrxf02.png')no-repeat center center !important; }
.share .bds_sqq { background: url('../images/icon_rgrxf03.png')no-repeat center center !important; }
.switch { background: #f4f4f4; margin-bottom: 50px; padding: 10px 20px; position: relative; }
.switch a { font-size: 14px; color: #000; line-height: 40px; }
.switch .prev { float: left; background: url('../images/icon_page-left.png') no-repeat left center; padding-left: 20px; }
.switch .next { float: right; background: url('../images/icon_page-right.png') no-repeat right center; padding-right: 20px; }
.switch a:hover { color: #2091BF; }
.switch .nav-bar { position: absolute; left: 50%; top: 0; width: 30px; height: 30px; margin-left: -30px; padding: 15px; }
.switch .nav-bar .menu-line { background: #878787; width: 30px; height: 4px; border-radius: 3px; margin: 5px 0; display: block; }
.content{width:90%; margin:0 auto;padding-bottom:10px;min-height: 340px;}
.content .contentl{float:left;width:49%}
.content .contentl h2{font-size:24px; font-weight:600; padding-top:10px; padding-bottom:10px;
text-align:left}
.content .contentl p{font-size:16px; line-height:30px; text-indent:2em;}
.content .contentr{float:right; width:49%; text-align: right;;}
.content .contentr img {text-align:center;padding-top:10px; vertical-align:top;}

/* 大事记样式 */
.course { margin-top: 30px; margin-bottom: 50px; }
.course .box { margin: 30px 0; }
.course .box .year { float: left; width: 140px; height: 140px; background: #2091BF; color: #fff; padding: 40px 0; font-size: 24px; line-height: 60px; text-align: center; border-radius: 50%; box-sizing: border-box; }
.course .box .Intro { float: left; padding: 10px 30px; }
.course .box .Intro p { font-size: 14px; line-height: 26px; color: #000; }

/* 关于我们样式 */
.About-more { margin-top: 30px; margin-bottom: 40px; }
.About-more p { font-size: 14px; color: #000; line-height: 24px; }
.About-more p img { display: initial; height: auto; width:100%;}

/* 企业文化样式 */
.Culture-list { margin: 20px -20px; }
.Culture-list li { float: left; width: 50%; }
.Culture-list .Item { margin: 20px; border: 1px solid #eeeeee; box-sizing: border-box; }
.Culture-list .Item .pic { float: left; width: 40%; }
.Culture-list .Item .Intro { float: right; width: 56%; padding: 30px 0; }
.Culture-list .Item .Intro h3 { font-size: 18px; color: #2091BF; line-height: 40px; font-weight: 500; }
.Culture-list .Item .Intro p { font-size: 14px; color: #000; line-height: 30px; }

/* 联系方式样式 */
.Contact { }
.Contact .dtu { margin: 30px 0; }
.Address { margin-bottom: 40px; }
.Address h3 { font-size: 18px; color: #2091BF; line-height: 40px; }
.Address h4 { font-size: 14px; color: #000; line-height: 30px; }
.Address p { font-size: 14px; color: #000; line-height: 26px; }
.Address .cont { float: right; text-align: center; margin: 10px 20px; }

/* 在线留言样式 */
.message-form { }
.message-form p { font-size: 18px; color: #000000; line-height: 36px; }
.message-form .line1 { margin: 0 -15px; }
.message-form .line { margin-bottom: 30px; }
.message-form li { float: left; width: 33.33%; }
.message-form .controls { border: 1px solid #d5cfcf; margin: 0 15px; box-sizing: border-box; }
.message-form .controls label { font-size: 14px; color: #666666; line-height: 26px; width: 22%; }
.message-form .controls i { color: #ed1450; display: inline-block; line-height: 26px; padding: 5px; }
.message-form .controls input { font-size: 14px; color: #666666; line-height: 40px; width: 75%; outline: none; border: none; }
.message-form textarea { border-color: #d5cfcf; width: 100%; min-height: 260px; display: block; outline-color: #d5cfcf; padding: 10px 15px; font-size: 14px; line-height: 26px; color: #666; box-sizing: border-box; }
.message-form .bottom { }
.message-form .bottom input { font-size: 14px; color: #fff; line-height: 30px; background: #616161; border: none; display: inline-block; outline: none; padding: 5px 30px; margin-right: 10px; cursor: pointer; }
.message-form .bottom input:focus { background: #178e8e; outline: none; }
.message-form .bottom input:hover { background: #178e8e; outline: none; }

/* 新闻中心列表页样式 */
.News-list { }
.News-list .Item { padding: 40px 0; border-bottom: 1px dashed #bfbfbf; position: relative; }
.News-list .Item .pic { float: left; width: 24%; }
.News-list .Item .Intro { float: right; width: 73%; }
.News-list .Item .Intro h3 { font-size: 16px; color: #333; line-height: 30px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; height: 30px; white-space: nowrap; transition: all 0.3s; }
.News-list .Item .Intro .date { display: block; font-size: 12px; color: #999999; line-height: 30px; }
.News-list .Item .Intro p { font-size: 14px; color: #333; line-height: 25px; height: 50px; overflow: hidden; text-overflow: ellipsis; }
.News-list .Item .Intro .more { position: absolute; left: 27%; bottom: 40px; width: 80px; height: 30px; border-radius: 20px; font-size: 0; border: 1px solid #e3e3e3; display: block; background: url('../images/icon-more01.png') no-repeat center center; background-size: 40%; transition: all 0.3s; }
.News-list .Item a:hover .Intro h3 { color: #2091BF; }
.News-list .Item a:hover .Intro .more { background: url('../images/icon-more02.png') no-repeat center center #2091BF; background-size: 40%; border-color: #2091BF; }
.News-list .Detail-bottom { text-align: left; }

/* 新闻详情页样式 */
.NewsDetail { margin-top: 30px; }
.NewsDetail .NewsDetail-tit { padding-bottom: 30px; border-bottom: 1px dashed #b2b2b2; }
.NewsDetail-tit .left { float: left; width: 60%; }
.NewsDetail-tit .right { float: right; width: 38%; text-align: right; }
.NewsDetail-tit .share { padding: 20px 0; }
.NewsDetail-tit .share span { float: right; }
.NewsDetail-tit .share .bdsharebuttonbox { float: right; }
.NewsDetail-tit .share .bdsharebuttonbox a { float: right; }
.NewsDetail-tit h3 { font-size: 18px; color: #333; line-height: 40px; font-weight: 500; }
.NewsDetail-tit .Release span { display: inline-block; margin-right: 10px; font-size: 14px; color: #999; line-height: 30px; }
.Detailnews-more { padding: 20px 0; }
.Detailnews-more p { font-size: 14px; color: #000; line-height: 25px; }
.Detailnews-more img { display: initial; max-width: 100% !important; height:auto;}

/*产品频道页*/
.clearf:after{content: '';display: block;clear: both;}
.prod{}
.prod-ul{}
.prod-li{padding:60px 0;width: 100%;box-sizing: border-box;}
.prod-li-desc{float: left;width: 605px;line-height: 24px;color: #333;font-size: 14px;text-indent: 30px;}
.prod-li-desc .tit{margin-bottom:10px;font-size: 18px;color: #2091BF;text-indent: 0;}
.prod-li-desc .more{margin-top: 10px;display: block;width: 100px;line-height: 40px;text-align: center;background-color: #2091BF;color: #fff;text-indent: 0;}
.prod-li-img{float: right;width: 566px;}
.prod-li-img img{display: block;width: 100%;}
.prod-li.odd{background-color: #e8f1f1;}
.prod-li.odd .prod-li-desc{float: right;}
.prod-li.odd .prod-li-img{float: left;}

/*产品三级频道页*/
.prod-list{margin: 40px 0;padding:25px 0;border-top: 1px solid #eee;}
.prod-list-lf{float: left;width: 812px;}
.prod-list-top{margin-bottom: 40px;}
.prod-list-desc{float: left;width: 455px;font-size: 14px;line-height: 30px;color: #333;}
.prod-list-desc .tit{margin-bottom: 10px;}
.prod-list-desc .tit p{font-size: 18px;color: #2091BF;font-weight: bold;}
.prod-list-desc .tit span{font-size: 12px;color: #aaa;}
.prod-list-img{float: right;width: 349px;}
.prod-list-img img{display: block;width: 100%;}
.prod-list-main{}
.prod-list-tit{padding: 10px 0;border-top: 2px solid #eee;border-bottom: 2px solid #eee;color: #2091BF;}
.prod-list-ul{}
.prod-list-li{padding:25px 0;float: left;width: 33.333%;text-align: center;box-sizing: border-box;border-bottom: 1px solid #eee;}
.prod-list-li a{padding:15px 25px;height:120px;display: block;font-size: 12px;line-height: 24px;color: #aaa;border-left: 1px solid #eee;border-right: 1px solid #eee;box-sizing: border-box;}
.prod-list-li .tit{margin-bottom:10px;font-size: 14px;color: #333;font-weight: bold;}
.prod-list-rg{padding:10px;float: right;width: 365px;border: 1px solid #eee;box-sizing: border-box;}
.prod-list-h{padding-bottom: 10px;margin-bottom: 10px;color: #333;font-size: 14px;border-bottom: 1px solid #eee;}
.prod-list-cont{}
.prod-list-item{padding:20px 0;width: 100%;float: none;border-top: 1px solid #eee;}
.prod-list-item:first-child{border-top: none;}
.prod-list-item a{display: block;}
.prod-list-item a:after{content: '';display: block;clear: both;}
.prod-list-item-img{float: left;width: 120px;border: 1px solid #eee;}
.prod-list-item-img img{display: block;width: 100%;}
.prod-list-item-desc{float: right;width: 210px;font-size: 12px;line-height: 24px;color: #333;}
.prod-list-item-desc .tit{color: #2091BF;font-size: 14px;}
.prod-list-item-desc .cont{height: 48px;overflow: hidden;}

/*产品详情*/
.prod-detail{padding:30px 10px;line-height: 30px;color: #000;font-size: 14px;}
.prod-detail .tit{margin-bottom:10px;font-size: 18px;color: #2091BF;}
.prod-detail-img{margin-left:20px;margin-bottom:20px;float: right;width: 385px;border: 1px solid #aaa;}
.prod-detail-ul{}
.prod-detail-li{width: 100%;}
.prod-detail-li img{display: block;width: 100%;}
.prod-detail-img .owl-theme .owl-controls{position: absolute;left: 0;bottom:-30px;width: 100%;text-align: center;}
.prod-detail-img .owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.prod-detail-img .owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #6c6c6c;
	overflow: hidden;
}

.prod-detail-img .owl-theme .owl-controls .owl-page.active span,
.prod-detail-img .owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	background-color: #2091BF;
}




@media (max-width: 1200px) {
	.prod-li{padding: 40px 20px;}
	.prod-li-desc{width: 48%;}
	.prod-li-img{width: 48%;}
	.prod-list{padding: 40px 20px;}
	.prod-list-lf{width: 68%;}
	.prod-list-rg{width: 30%;}
	.prod-list-desc{width: 58%;}
	.prod-list-img{width: 38%;}
	.prod-list-item-img{width: 38%;}
	.prod-list-item-desc{width: 58%;}
	.prod-list-li{width: 50%;}
	.prod-detail{padding: 30px 20px;}
}

@media (min-width: 1024px) {
}

@media (max-width: 740px) {
	.prod-li-desc{margin-bottom:20px;width: 100%;}
	.prod-li-img{width: 100%;}
	.prod-list-lf{width: 100%;}
	.prod-list-desc{width: 100%;}
	.prod-list-img{width: 100%;}
	.prod-list-li{width: 100%;}
	.prod-list-li a{height: auto;}
	.prod-list-rg{width: 100%;}
	.prod-detail-img{margin-left:0;margin-bottom:40px;width: 100%;}
}

@media (max-width: 1200px) {
    .Detail-section .container { padding: 0 10px; }
}

@media (max-width: 1025px) {
    .Detail-nav { position: relative; width: 100%; top: 0; box-sizing: border-box; }
    .Detail-nav .Tit-nav { width: 100%; box-sizing: border-box; }
    .Detail-nav .main-nav { display: none; }
    .Detail-nav .main-nav a { font-size: 16px; line-height: 50px; }
    .Detail-nav .main-nav li:last-child a { border-bottom: 1px solid #e7e7e7; }
    .Detail-nav .main-nav li ul { display: none; position: relative; right: auto; left: 0; padding-left: 30px; box-sizing: border-box; }
    .Detail-nav .main-nav ul { width: 100%; }
    .Detail-nav .main-nav li ul { width: 100%; }

    .Product-Detail .Pro-basic { margin-top: 20px; }

    .course .box { padding-left: 100px; position: relative; margin: 20px 0; }
    .course .box .year { position: absolute; left: 0; width: 100px; height: 100px; top: 0; padding: 0; line-height: 100px; }
    .message-form li { float: none; width: 100%; }
    .message-form .line { margin-bottom: 15px; }
    .message-form .controls { margin: 15px; }
    .message-form .controls input { width: 70%; }

    .News-list .Item .Intro p { display: none; }
    .NewsDetail-tit .left { float: none; width: 100%; }
    .NewsDetail-tit .right { float: none; width: 100%; }
    .NewsDetail-tit .share { padding: 0; }
    .NewsDetail-tit .share .bdsharebuttonbox { }
    .NewsDetail-tit .share span { }
}

@media (max-width: 800px) {
    .Detail-banner .pic { position: relative; height: 200px; overflow: hidden; }
    .Detail-banner .pic img { max-width: initial; width: auto; height: 100%; margin: 0 auto; position: absolute; left: 50%; margin-left: -533px; top: 0; }
    .course .box .Intro { padding: 0 10px; }
    .course .box .year { font-size: 18px; }
    .Culture-list .Item .Intro { padding: 0; }
    .message-form .controls input { width: 60%; }
    .About-more p img { height: auto !important; }
    .News-list li { float: none; }
    .News-list .Item .pic { width: 30%; }
    .News-list .Item .Intro { width: 67%; }
    .News-list .Item .Intro .more { left: 33%; }
    .News-list .Item { padding: 20px 0; }
}


@media (max-width: 640px) {
    .Detail-banner .pic { height: 180px; }
    .Detail-banner .pic img { margin-left: -480px; }

    .Dtail-Title { background: #eee; padding: 0 20px; padding-right: 0; margin: 20px 0; margin-bottom: 0; }
    .Dtail-Title .iconfont { display: block; float: right; font-size: 20px; line-height: 50px; padding: 0 20px; transition: all 0.3s; }
    .Dtail-Title .location { display: none; }
    .Dtail-Title h3 { font-size: 18px; line-height: 50px; }
    .Detail-Top { display: none; }
    .Detail-Top li { float: none; width: 100%; }
    .Product-list li { width: 50%; }
    .Product-Intro { margin-top: 20px; }
    .Culture-list li { float: none; width: 100%; }
    .Culture-list .Item .Intro { padding: 20px 0; }
    .Address .cont { margin: 10px 0; }
    .News-list .Item .Intro .more { right: 0; left: auto; }
    .News-list .Item { padding: 20px 0; }
    .News-list .Item .Intro h3 { font-size: 14px; line-height: 25px; white-space: initial; height: auto; }

    .About-more .left { float: none !important; width: 100% !important; }
    .About-more .right { float: none !important; width: 100% !important; }
    .About-more img { width: 40%; }
    .content{width:90%; margin:0 auto;padding-bottom:10px;min-height: 340px;}
.content .contentl{float:left;width:100%}
.content .contentl h2{font-size:24px; font-weight:600; padding-top:10px; padding-bottom:10px;
text-align:left}
.content .contentl p{font-size:16px; line-height:30px; text-indent:2em;}
.content .contentr{float:right; width:100%; text-align: right;;}
.content .contentr img {text-align:center;padding-top:10px; vertical-align:top;}
}


@media (max-width: 480px) {
    .Detail-banner .pic { height: 160px; }
    .Detail-banner .pic img { margin-left: -427px; }
    .Pro-basic .left { float: none; width: 100%; }
    .Pro-basic .right { float: none; width: 100%; margin-bottom: 20px; }
    .Pro-basic .prodet-Intro { padding: 0; }
    .Address .left { float: none; width: 100% !important; }
    .Address .right { float: none; width: 100% !important; }
    .Address .cont { float: none; }
    .Address .cont img { margin: 0 auto; }
    .course .box { padding-left: 0; }
    .course .box .year { position: relative; width: 100%; border-radius: inherit; height: 50px; line-height: 50px; }
    .News-list .Item .Intro .more { display: none; }
    .News-list .Item { padding: 10px 0; }
}


@media (max-width: 420px) {
    .Detail-banner .pic { height: 120px; }
    .Detail-banner .pic img { margin-left: -320px; }
}

@media (max-width: 380px) {
}


@media (max-width: 320px) {
}

.aboutcc{background:url(../images/abb.png) left no-repeat; width:600px; height:197px;}
.aboutcc ul{list-style:none; padding-left:20px;}
.aboutcc ul li{line-height:20px; float:left;}